<template>
  <div class="singer-home">
    <van-nav-bar
      title="歌手 信息"
      left-text="返 回"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-tabs v-model="active">
      <van-tab title="百 科">
        <SingerIntro :singeid="id" />
      </van-tab>
      <van-tab title="歌 曲">
        <SingerSong :singeid="id" />
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import SingerIntro from "./components/SingerIntro.vue";
import SingerSong from "./components/SingerSong.vue";
export default {
  data()   {
    return {
      active: 0,
      id: this.$route.params.id,
      singer:{}
    };
  },
  methods:   {
    onClickLeft() {
      window.history.length > 1  ?  this.$router.go(-1) : this.$router.push("/");
    },
  },
  components: {
    SingerIntro,  
    SingerSong
  },
};
</script>
<style   scoped>
</style>